/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
img{max-width:100%;border:none}

a{color:#333;text-decoration:none}

.wow{visibility:hidden}
.wp{padding:0 100px 0px 50px;margin:0 auto}



/* 头部  */
.header {position: fixed;width: 100%;top: 0;left: 0;right: 0;z-index: 999;transition: 0.45s;}
.header.active {transform: translateY(-118px);}
.head-wrap {position: relative;background: #fff;height: 120px;line-height: 120px;transition: 0.85s;}
.hwl {float: left;}
.header .head-logo {position: relative;display: inline-block;vertical-align: middle;z-index: 99;}
.head-logo img {display: block;width: 100%;}
.hwtxt {display: inline-block;vertical-align: middle;line-height: 1.5;border-left: 1px solid #D3D3D5;padding-left: 15px;margin-left: 15px;font-weight: bold;}
.ht1 {color: #0D2982;font-size: 22px;}
.ht1 strong {color: #FA8605;}
.ht2 {font-size: 16px;color: #707070;}
.hwr {float: right;}
.hricon {display: inline-block;vertical-align: middle;text-align: center;width: 36px;height: 36px;line-height: 36px;border: 1px solid #999999;border-radius: 50%;color: #999999;font-size: 20px;}
.hrtxt {display: inline-block;vertical-align: middle;margin-left: 10px;font-size: 15px;color: #737373;line-height: 1.3;}
.htphone {
	display: block;
	font-family: "bahnschrift";
	color: #0D2982;
	font-size: 28px;
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #0D2982), color-stop(.4, #0D2982), color-stop(.5, white), color-stop(.6, #0D2982), color-stop(1, #0D2982));
	-webkit-background-clip: text;
	/* 设置对象中的文字填充颜色 这里设置为透明 */
	-webkit-text-fill-color: transparent;
	/* 每隔2秒调用下面的CSS3动画 infinite属性为循环执行animate */
	-webkit-animation: animate 1.3s infinite;
	overflow: hidden;
}
@-webkit-keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

@keyframes animate {
	from {
		background-position: -100px;
	}
	to {
		background-position: 100px;
	}
}

/* 导航  */
.nav { display: block; box-sizing: border-box;background: #0D2982;height: 60px;line-height: 60px; width:1200px; margin:0px auto;}
.nav > ul { float: left; }
.nav > ul > li { display: inline-block; vertical-align: top; position: relative; width:180px; text-align:center}
.nav > ul > li > a { display: block; font-size: 16px; color: #fff; font-weight:600}
.nav > ul > li.on { background:#FA8605; }
.nav > ul > li > .on{color:#fff;background:#FA8605;}
.nav > ul > li.on > a { color: #fff; }
.nav > ul > li.on:hover > a { color: #fff; }
.nav > ul > li:hover > a { color: #fff; }
.nav .addition { float: right; }
.nav .addition > div { display: inline-block; vertical-align: top; position: relative; margin: 0 12px; font-size: 12px; color: #666; cursor: pointer; }
.nav .addition > div i { display: inline-block; vertical-align: top; font-size: 16px; }
.nav .addition > div em { position: relative; display: inline-block; vertical-align: top; }
.nav .addition > div em span { display: none; position: absolute; z-index: 99; top: 70%; left: 0; width: 120px; height: 120px; padding: 5px; border: 1px solid #ddd; background: #fff; }
.nav .addition > div em span img { width: 100%; height: 100%; }
.nav .addition > div em:hover span { display: block; }
.nav .addition > div a { display: inline-block; vertical-align: top; font-size: 16px; color: #666; }
.nav .addition > div:before { position: absolute; top: 50%; right: -12px; height: 12px; width: 1px; content: ''; margin-top: -7px; background: #ccc; }
.nav .addition > div:last-child:before { display: none; }
.nav .addition > div:hover { color: #ED2836; }
.nav .addition > .a0 .a1:hover, .a0 .a2:hover, .a0 .a3:hover, .nav .addition > div:hover i { color: #ED2836; }
.nav .down_nav {display: none;position: absolute;top: 100%;line-height: initial;left: 0;width:100%;background: #0D2982;z-index:999;}
.nav .down_nav > a {display: inline-block; width:180px;vertical-align:  top;background: #0B2184;font-size: 15px;color: #fff;line-height: 53px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav .down_nav > a:hover { background:#FA8605; color: #fff; }

.push-nav, .bg-nav { display: none; }
/* 导航end  */


/* 首页新闻  */
.gtitle {color: #333333;font-size: 32px;font-weight: normal;text-align: center;}
.gtdesc {color: #999999;font-size: 14px;text-align: center;text-transform: uppercase;padding-top:10px;}
.wrc {color: #fff;}
.wrc .gtdl {background: #fff;}
.xwdt-tab{display: none;text-align: center;margin-top: 20px;}
.xwt{display: inline-block;width: 48%;height: 35px;background: #ECECEC;text-align: center;line-height: 35px;color: #333;font-size: 14px;}
.xwt.active{color: #fff;background: #F86A2C;}
.index-news {background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;padding-top: 40px;margin-bottom:30px;}
.inbot1 {background: #fff;margin-top: 50px;box-shadow: 0 3px 6px #E2E2E2;padding: 35px 0;}
.ib1box {float: left;width: 50%;box-sizing: border-box;padding: 0 35px;}
.inbtitle {position: relative;color: #333333;font-size: 20px;padding-left: 16px;line-height: 1.5;}
.inbtitle:before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 30px;background: #FA8605;}
.ibmore {display: block;float: right;color: #999999;font-size: 14px;text-transform: uppercase;font-weight: normal;}
.ibmore:hover {color: #FA8605;}
.ib1list {margin-top: 20px;}
.ib1list li {position: relative;margin-top: 5px;}
.il1ms {float: left;width: 70%;color: #666666;font-size: 14px;height: 28px;overflow: hidden;}
.il1date {display: block;float: right;color: #999999;font-size: 12px;}

.inbot2 {background: #F6F6F6;padding: 20px 35px;margin-top: 20px;}
.linkA { color:#666}
.linkA:hover {color: #FA8605;}
/* 新闻 end */
.mtop {height: 178px;}
.w1200 {width: 1200px;margin: 0 auto;}
.target{overflow:hidden}
.wrap_1400 { width:100%; margin: 0 auto; background: #0D2982;}


@media (max-width: 1240px) { 
  .nav { position: fixed; top: 0; right: 0; z-index: 997; width: 300px; height: 100%; padding: 60px 3%; margin: 0; background: #fff; box-sizing: border-box; }
  .nav.close-nav { -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease; -webkit-transform: translate(300px, 0); transform: translate(300px, 0); }
  .nav.open-nav { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
  .nav > ul { float: none; width: 100%; max-height: 100%; overflow: auto; }
  .nav > ul > li { display: block; float: none; width: 100%; margin: 0; padding: 0; line-height: 1; text-align: center; }
  .nav > ul > li > a { display: block; padding: 20px 0; font-size: 16px; border-bottom: 1px solid #e5e5e5; color: #2b2c2d; line-height: 1; }
  .nav > ul > li.Have > a { pointer-events: none; }
  .nav .addition { float: none; width: 100%; }
  .nav .addition > div { display: inline-block; width: 50%; text-align: center; border-bottom: 1px solid #ddd; margin: 0; }
  .nav .addition > div:before { right: 0; }
  .nav .down_nav { position: static; width: 100%; padding: 0; margin: 0; border: none; background: transparent; }
  .nav .down_nav:before { display: none; }
  .nav .down_nav > a {padding: 15px 0px;line-height: 20px;display:  block;}
  .push-nav { display: block; position: absolute; top: 0; right: 3%; z-index: 998; width: 56px; height: 60px; }
  .push-nav .nav-toggle { display: block; position: absolute; left: 50%; top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .push-nav .nav-toggle span { display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px; background: #2B2C2D; border-radius: 3px; -webkit-transform-origin: 33px; transform-origin: 33px; -webkit-transition: all .5s; transition: all .5s; }
  .push-nav .nav-toggle span:last-child { margin-bottom: 0; }
  .push-nav.on .nav-toggle span { opacity: 1; background: #ED2836; }
  .push-nav.on .nav-toggle span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .push-nav.on .nav-toggle span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); }
  .push-nav.on .nav-toggle span:nth-child(1) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .bg-nav { display: none; position: fixed; top: 0; left: 0; z-index:1; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); animation: fade-in .43s ease 0s; -webkit-animation: fade-in .43s ease 0s; }
  
.index-news {padding-top: 30px;}
.il1ms {width: 85%;font-size: 13px;}
.inbot1 {margin-top: 30px;}
}
@media (max-width: 640px) {
  .nav { padding: 50px 2%; width: 220px; }
  .nav.close-nav { -webkit-transform: translate(220px, 0); transform: translate(220px, 0); }
  .nav > ul > li > a { padding: 15px 0; font-size: 14px; }
  .nav .down_nav > a{ width:179px}
  .nav .addition > div { font-size: 12px; }
  .nav .addition > div i { margin: 0; }
  .nav .addition > div:before { height: 10px; }
  .push-nav { right: 0; width: 50px; height: 50px; }
  .push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
 }


.index-link {width:1200px; margin:20px auto; line-height:25px; color:#333333}
/*!******************************
      -------[=底部]-------
  ********************************/
.footer{background-color:#242424;font-size:.777vw;color:#909090}
.f-top{padding:30px 20px 0px;overflow:hidden;position:relative;}
.f-top::after{content:"";display:block;width:100%;height:1px;position:absolute;top:7.444vw;left:0;background-color:#fff;opacity:.1}
.f-top .col-l{width:38.8%}
.f-top .col-r{width:61.2%}
.f-links{overflow:hidden;display:flex;justify-content:space-between;padding-top:1.888vw}
.f-dl{float:left}
.f-dl dt{font-size:14px;color:#fff;position:relative;padding-bottom:2.444vw}
.f-dl .a{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;transition:.4s;line-height:2.1}
.f-dl .a:hover{color:#fff}

.f-qrs{overflow:hidden;margin-bottom:10px; font-size:14px}
.f-qrs .txt{overflow:hidden;padding-top:1.111vw}
.f-qrs .tel{font-size:18px;color:#fff;line-height:1.5}
.f-qrs a{color:inherit}
.f-info{line-height:2;margin-bottom:30px;font-size:14px}
.f-logo{display:block;line-height:45px;font-size:0;margin-bottom:2.777vw}
.f-logo img{display:inline-block;vertical-align:middle;max-height:45px}
.f-copy{background-color:#1e1e1e;padding:.666vw 0;overflow:hidden;font-size:12px;color:#909090; text-align:center}
.f-copy a{transition:.4s;color:inherit}
.f-copy a:hover{color:#fff}
.f-ships{font-size:0;padding-bottom:.666vw}
.f-ships .a1,.f-ships .s{display:inline-block;vertical-align:middle;font-size:.777vw;color:#909090;position:relative;margin-bottom:.555vw;transition:.3s}
.f-ships .a1{margin-right:.666vw}
.f-ships .a1:hover{color:#fff}

}

/*!****** lib.css end *******/
/*!****** bl *******/
.imgBg img{display:none}
@-webkit-keyframes myUpdown{
0%,100%{margin-bottom:0}
50%{margin-bottom:-20px}
}
@-moz-keyframes myUpdown{
0%,100%{margin-bottom:0}
50%{margin-bottom:-20px}
}
@-o-keyframes myUpdown{
0%,100%{margin-bottom:0}
50%{margin-bottom:-20px}
}
@keyframes myUpdown{
0%,100%{margin-bottom:0}
50%{margin-bottom:-20px}
}
.myUpDown{-webkit-animation:myUpdown 2s linear infinite;-moz-animation:myUpdown 2s linear infinite;-o-animation:myUpdown 2s linear infinite;animation:myUpdown 2s linear infinite}


.swiper-container .swiper-pagination{display:none}
.swiper-container .swiper-pagination-bullet-active{background-color:#ff7200}

/*!首页*/

.banner{position:relative}
.banner .swiper-container .swiper-pagination{bottom:77px;right:90px;left:auto;width:auto;display:block}
.banner .swiper-container .swiper-pagination-bullet{width:60px;height:3px;background-color:#fff;opacity:.2;margin:0 10px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;cursor: pointer;border-radius: 0;}
.banner .swiper-container .swiper-pagination-bullet-active{background-color:#ff7200;opacity:1}
.banner .con{position:relative}
.banner .pic{overflow:hidden;height:500px}
.banner .pic .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:4s;-o-transition:4s;-moz-transition:4s;transition:4s;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.banner .swiper-slide-active .pic .img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.banner .txt{position:absolute;left:0;width:100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.banner .en{font-size:180px;font-weight:700;color:rgba(255,255,255,.05);line-height:1.3;margin-bottom:-100px}
.banner .t1{font-size:40px;color:#ff7200;line-height:1.3}
.banner .t2{font-size:25px;color:#fff;line-height:1.2}
.banner .en-p{font-size:20px;color:#fff;margin-top:24px; line-height:35px}
.particles{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:12;pointer-events: none;}
.b-scr{position:absolute;left:100px;bottom:50px;font-size:0;z-index:2}
.b-scr img{display:block}

.g-titb1{text-align:center;overflow:hidden;line-height:3.333vw}
.g-titb1.white{color:#fff}
.g-titb1.black{color:#000}
.g-titb1 .link{color:#fff;font-size:.888vw;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;margin-left:1.666vw}
.g-titb1 .link.c9{color:#909090}
.g-titb1 .link.act,.g-titb1 .link:hover{color:#ff7200}
.g-titb1 .l .s{padding-left:0}
.g-titb1.tal{text-align:left}
.g-titb1.tal .s{padding-left:0}
.g-titb1 .s{font-size:28px;padding:0 1.111vw;position:relative}
.g-titb1 .s::after{content:"";position:absolute;top:.222vw;right:0;display:block;width:.666vw;height:.666vw;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:.166vw solid #ff7200;background-color:transparent}
.g-titb1 .p{font-size:14px;color:#909090;line-height:1.5}
.g-titb1 .p.white{color:#fff}


.row-a3{overflow:hidden;padding:60px 0 60px;background-repeat:no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;background-position:bottom}
.m-topb1{overflow:hidden;margin-bottom:50px}
.m-topb1 .options{border:1px solid #f3f3f3;overflow:hidden;position:relative; margin-top:10px}
.m-topb1 .options::after{content:"";display:block;width:1px;height:35px;background-color:#e5e5e5;position:absolute;top:50%;left:50%;margin-top:-9px}
.m-topb1 .options .btn{float:left;width:90px;height:35px;line-height:35px;text-align:center;cursor:pointer; padding-top:10px}
.m-topb1 .options .btn.swiper-button-disabled img{opacity:.3}
.m-pro_b1 .m-pro_b1i{ height:400px !important;}
.m-pro_b1 .con{display:block;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;}
.m-pro_b1 .con:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.m-pro_b1 .con:hover .more,.m-pro_b1 .con:hover .name{color:#ff7200}
.m-pro_b1 .con:hover .more{background-image:url("../images/b-i2a.png")}
.m-pro_b1 .top{text-align:center;margin:57px 0 10px}
.m-pro_b1 .name{font-size:30px;font-weight:700;color:#000;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.m-pro_b1 .p{font-size:20px;color:#909090;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:23px}
.m-pro_b1 .more{padding-right:24px;font-size:14px;color:#909090;background:url("../images/b-i15.png") no-repeat right center;-webkit-background-size:12px 12px;-moz-background-size:12px;-o-background-size:12px;background-size:12px;font-family:m-Regular}
.m-pro_b1 .pic{height:330px;line-height:330px;font-size:0;text-align:center}
.m-pro_b1 .pic img{display:inline-block;vertical-align:middle;max-height:100%;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}



.row-a4{overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.row-a4 .col-l{width:45.3%;background-color:#0D2982}
.row-a4 .col-r{width:54.7%}
.m-txtb2{padding:60px 50px;font-size:14px;color:#fff;line-height:2}
.m-txtb2 .txt{margin:19px 0 21px}
.m-txtb2 .g-titb1 .s{font-size:28px;}
.m-txtb2 .g-titb1 .s::after{border-color:#fff}
.m-txtb2 .g-moreb2{margin-bottom:40px}
.m-picb1{position:relative;height:100%;overflow:hidden}
.m-picb1 .img{height:100%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.ul-numsb1{overflow:hidden;font-size:14px;color:#acacac}
.ul-numsb1.white{color:#fff}
.ul-numsb1.white .num{color:#fff}
.ul-numsb1 li{float:left;width:33.33%}
.ul-numsb1 .con{margin-bottom:29px}
.ul-numsb1 .top{font-size:14px}
.ul-numsb1 .num{font-size:26px;font-weight:700;color:#ff7200;margin-right:6px;height:1.5em}
.ul-numsb1 .p{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:1.5em}
.three_box{position:absolute;bottom:0;left:0;width:100%;height:100%;pointer-events:none}
.m-imgb1{overflow:hidden;position:relative}
.m-imgb1 img{display:block;width:100%}

.row-a5{overflow:hidden;padding:60px 0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.row-a5 .col-l{width:365px}
.row-a5 .g-titb1{margin-bottom:55px}
.row-a5 .col-r{margin-left:365px;float:none;width:auto}
.ul-tabsb1 .s{display:inline-block;font-size:20px;color:#909090;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;border-bottom:2px solid transparent;padding-bottom:12px;margin-bottom:29px;cursor:pointer}
.ul-tabsb1 .on .s{color:#ff7200;border-color:#ff7200}
.m-topb2{overflow:hidden;font-size:14px;color:#909090;line-height:80px;margin-bottom:40px}
.m-topb2 .l{font-size:16px}
.tac{text-align:center;display:none}
.g-moreb1{font-size:14px;color:#909090;background:url("../images/b-i15.png") no-repeat right;-webkit-background-size:12px 12px;-moz-background-size:12px;-o-background-size:12px;background-size:12px;border-bottom:1px solid #909090;padding:17px 24px 17px 0;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;font-family:m-Regular}
.g-moreb1:hover{color:#ff7200;border-color:#ff7200;background-image:url("../images/b-i2a.png")}
.g-moreb2{text-align:center;font-size:0;border:1px solid rgba(255,255,255,.2);line-height:50px;padding:0 45px;display:inline-block;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;color:#fff;font-family:m-Regular}
.g-moreb2:hover{background-color:#fff;color:#ff7200}
.g-moreb2:hover span{background-image:url("../images/b-i2a.png")}
.g-moreb2 span{display:inline-block;vertical-align:middle;font-size:14px;background:url("../images/b-i2.png") no-repeat right;-webkit-background-size:12px 12px;-moz-background-size:12px;-o-background-size:12px;background-size:12px;padding-right:24px}

.ul-solutions .g-moreb2{
  background-color: #ff7200;
  border: 1px solid #ff7200;
}
.ul-solutions .g-moreb2:hover{
  background-color: #fff;
}
.ul-iconsb2{overflow:hidden;margin:0 -14px}
.ul-iconsb2 li{float:left;width:25%}
.ul-iconsb2 .con{display:block;overflow:hidden;margin:0 14px 28px;height:88px;line-height:88px;font-size:0;text-align:center;background-color:#fff;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ul-iconsb2 .con:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}
.ul-iconsb2 .con:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.ul-iconsb2 .con img{display:inline-block;vertical-align:middle;max-height:85px;max-width:100%;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.oh{overflow:hidden}

@media screen and (max-width:1199px){
.wp{padding:0 4.5%;margin:0 auto}
.h100{display:none}
.m-skillb1 .swiper-container{padding:0}
.swiper-container .swiper-pagination{display:block;}
.banner .bannerh{ height:320px}
.banner .txt{top:50%;}
.banner .pic{height:80vw}
.banner .en{font-size:60px;margin-bottom:-40px}
.banner .t1{font-size:18px}
.banner .t2{font-size:16px}
.banner .en-p{font-size:14px;margin-top:25px; line-height:25px}
.banner .swiper-container .swiper-pagination{bottom:10%;right:0;width:100%}
.banner .swiper-container .swiper-pagination-bullet{width:10px;height:2px}
.row-a1{padding:5vw 0;-webkit-background-size:60% 60%;-moz-background-size:60%;-o-background-size:60%;background-size:60%}
.b-scr{display:none}
.row-a1 .g-titb1{margin-bottom:20px}
.ul-index01 .pic .tit{font-size:16px}
.ul-index01 .mask .box{left:2%;right:2%;font-size:14px}
.ul-index01 .mask .tit{font-size:16px;margin-bottom:6px}
.row-a2{padding:5vw 0}
.row-a2 .g-titb1{margin-bottom:20px}
.row-a2 .three_box{height:100%}
.m-imgb1 .three_box canvas{height:200px!important}
.ul-index02{margin-top:5vw}
.ul-index02 li{width:25%}
.ul-index02 .con{margin:0 10px 20px;padding-bottom:0}
.ul-index02 .con::after{display:none}
.ul-index02 .icn-box{width:80px;height:80px;line-height:80px}
.ul-index02 .icn-box::after{-webkit-background-size:60px 60px;-moz-background-size:60px;-o-background-size:60px;background-size:60px}
.ul-index02 .icon{width:45px;height:45px;line-height:45px}
.ul-index02 .name{font-size:16px}
.ul-index02 li:nth-child(odd) .con{margin-top:0}
.row-a3{padding:5vw 0}
.m-topb1{margin-bottom:20px}
.m-pro_b1 .con{height:500px}
.m-pro_b1 .top{margin-top:20px}
.m-pro_b1 .name{font-size:18px}
.m-pro_b1 .p{font-size:14px;margin-bottom:12px}
.m-pro_b1 .pic{height:200px;line-height:200px}
.m-pro_b1 .pic img{max-height:120px}
.row-a4{display:block}
.row-a4 .col-l,.row-a4 .col-r{float:none;width:auto}
.m-txtb2{padding:25px 15px;font-size:14px}
.m-txtb2 .txt{margin:10px 0 20px}
.m-txtb2 .g-moreb2{margin-bottom:30px}
.ul-numsb1{font-size:14px}
.m-picb1{height: auto; overflow:hidden}
.m-picb1 .img{height: auto; width:100%}
.row-a5{padding:5vw 0}
.row-a5 .col-l,.row-a5 .col-r{float:none;width:auto;margin-left:0}
.row-a5 .g-titb1{margin-bottom:30px}
.row-a6{padding:5vw 0}
.row-a6 .col-l,.row-a6 .col-r{float:none;width:auto;margin:0}
.row-a6 .g-titb1{margin-bottom:20px}
.ul-tabsb1{text-align:center;font-size:0;overflow-x:auto;overflow-y:hidden;margin-bottom:20px}
.ul-tabsb1 li{display:inline-block;vertical-align:top}
.ul-tabsb1 .s{display:block;font-size:16px;padding:8px 12px;margin-bottom:0}
.m-topb2{margin-bottom:0;display:none}
.tac{display:block}
.m-cardb2 .l,.m-cardb2 .r{float:none;width:auto}
.m-cardb2 .con,.m-cardb2 .pic{height:auto}
.m-cardb2 .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:25px 15px}
.m-cardb2 .time{font-size:14px}
.m-cardb2 .tit{font-size:18px}
.m-cardb2 .desc{font-size:14px;margin-bottom:20px}
.ul-newsb2 .con{padding:15px 0;margin-bottom:0}
.rightSlide{display:none}
.row-p1{display:block}
.row-p1 .col-l,.row-p1 .col-r{float:none;width:auto}
.js-floor.fixed .inner{top:50px}
.m-thumbs{padding:25px 15px}
.m-infob1{padding:25px 15px;border-width:2px}
.m-infob1 .tag{font-size:14px;margin-bottom:0}
.m-infob1 .top{margin-bottom:10px}
.m-infob1 .top .type{font-size:18px}
.row-p2{padding:5vw 0 3vw}
.row-p2 .g-titb1{margin-bottom:0}
.m-pro_ban{padding:0 15px}
.m-pro_ban .swiper-container{padding-bottom:40px}
.m-pro_ban .swiper-button-next,.m-pro_ban .swiper-button-prev{display:none}
.m-pro_ban .txt{height:50px}
.m-pro_ban .name{font-size:16px;margin-top:0;line-height:50px}
.row-p3,.row-p4{padding:5vw 0}
.row-p3 .g-titb1,.row-p4 .g-titb1{margin-bottom:20px}
.m-swb1 .swiper-container{padding-bottom:40px}
.m-tableb1 table{border-top-width:2px;font-size:14px;line-height:1.5}
.m-tableb1 table tr{border-width:1px;height:auto}
.m-tableb1 table td{padding:8px;border-width:1px}
.m-tableb1.sty1 table tr:nth-child(1){height:auto}
.m-tableb1 table .type{font-size:16px}
.m-tableb1 table td:last-child{padding-left:8px;padding-right:8px}
.m-swb1 .txt{padding:10px}
.m-swb1 .name{font-size:16px}
.g-ban_in .txt .tit{padding-left:0}
.g-ban_in .txt .tit::before{display:none}
.g-ban_in .txt .en{font-size:20px}
.g-ban_in .txt .zh{font-size:16px}
.g-cur{bottom:10px}
.g-cur .box{padding-left:0}
.g-cur a{font-size:14px;padding:0 10px}
.g-cur a::after{width:1px;height:10px;margin-top:-5px;background-color:#b0aeb8;opacity:.4;background-image:none}
.g-titb1{line-height:45px}
.g-titb1 .s{font-size:22px;padding:0 12px}
.g-titb1 .s::after{width:8px;height:8px;border-width:1px}
.g-titb1 .p{font-size:14px}
.row-ab1{padding:6vw 0}
.row-ab1 .col_l,.row-ab1 .col_r{float:none;width:auto;padding-top:0}
.row-ab1 .col_r{padding-top:25px}
.row-ab1 .g-titb1{margin-bottom:20px}
.com-en{font-size:60px;top:3vw}
.m-txtb1{font-size:14px}
.m-infob2 .tit{font-size:18px;margin-bottom:20px}
.ul-numsb1 .con{margin-bottom:20px}
.ul-numsb1 .num{font-size:20px}
.row-ab2,.row-ab3,.row-lx1,.row-sh1,.row-sh2,.row-z1,.row-z2{padding:6vw 0}
.row-ab2 .g-titb1,.row-ab3 .g-titb1,.row-lx1 .g-titb1,.row-sh1 .g-titb1,.row-sh2 .g-titb1,.row-z1 .g-titb1,.row-z2 .g-titb1{margin-bottom:20px}
.row-ab2 .g-titb1 .p,.row-ab3 .g-titb1 .p,.row-lx1 .g-titb1 .p,.row-sh1 .g-titb1 .p,.row-sh2 .g-titb1 .p,.row-z1 .g-titb1 .p,.row-z2 .g-titb1 .p{width:auto;line-height:1.4}
.ul-listb3{padding:3.33vw 0}
.ul-listb3 .icon::after{top:28px}
.ul-listb3 .icn{width:60px;height:60px;line-height:60px}
.ul-listb3 .icn img{max-width:20px}
.ul-listb3 .name{font-size:16px;margin:10px 0}
.ul-listb3 .desc{padding:0 10px}
.m-his_ban{margin-bottom:20px}
.m-his_ban .swiper-button-next,.m-his_ban .swiper-button-prev{display:none}
.m-his_ban .swiper-container{padding-bottom:40px}
.m-his_ban .con{padding:0}
.m-his_ban .pic{float:none;width:auto;height:auto;margin-right:0}
.m-his_ban .txt{font-size:14px;line-height:1.5;margin:15px 0}
.m-his_ban .scr_box{max-height:200px;height:auto}
.imgBg img{display:block;width:100%}
.m-year_ban .year{font-size:20px}
.m-year_ban .year span{padding-top:30px;padding-left:10px;padding-right:10px}

}
@media screen and (max-width:959px){
.ul-listb3{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.ul-listb3 li{width:50%}
.ul-listb3 .con{margin-bottom:25px}
.ul-listb3 .icon::after{display:none}
.ul-listb2 .pic{float:none;width:auto;height:auto}
.ul-listb2 .txt{height:auto}
.ul-listb2 .txt .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:25px 15px}
.m-adr_box .group{display:block;border-bottom:none}
.m-adr_box .group .item{border-bottom:1px solid #e9e9e9}
.ul-stepb1{margin-left:-10px;margin-right:-10px}
.ul-stepb1 .con{margin:0 10px}
.ul-stepb1 .name{font-size:14px}
.ul-caseb1 .pic{float:none;width:auto;height:auto;line-height:1}
.ul-caseb1 .con{margin:0 0 20px}
.ul-caseb1 .txt{height:auto}
.ul-caseb1 .txt .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:25px 15px}
.ul-listb5{margin:0 -5px}
.ul-listb5 .con{margin:0 5px 0}
.ul-listb5 .name{font-size:14px;margin:12px 5px}
.ul-index01 li{width:50%}
.m-topb1 .l,.m-topb1 .r{float:none;width:auto}
.m-topb1 .r{display:none}
.ul-iconsb2{margin:0 -5px}
.ul-iconsb2 .con{margin:0 5px 10px;height:60px;line-height:60px}
.ul-iconsb2 .con img{max-height:65px}
.m-infob1 .top{display:block}
.down-box{margin:10px 0}
.m-infob1 .top .down img{margin-left:0;margin-right:10px;max-width:24px}
.js-floor{height:45px}
.ul-floor .v1{font-size:16px;padding:0 12px;line-height:45px}
.ul-skb1{display:none}
.m-skillb1 .swiper-container{padding-bottom:40px}
.m-skillb1 .txt{font-size:14px}
.m-skillb1 .txt .h3{font-size:16px;margin-bottom:5px}
}
@media screen and (max-width:767px){
.ul-listb3 li{width:100%}
.ul-stepb1{margin-left:0;margin-right:0}
.ul-stepb1 li{float:none;width:auto}
.ul-stepb1 .con{margin:0 0 20px}
.ul-adrsb1 .pic{float:none;width:auto;height:auto}
.ul-adrsb1 .txt{height:auto}
.ul-adrsb1 .txt .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:25px 15px}
.ul-iconTxtb1{margin-left:0;margin-right:0}
.ul-iconTxtb1 li{float:none;width:auto}
.ul-iconTxtb1 .con{margin:0 0 20px}
.ul-iconTxtb1 .icon{height:50px;line-height:50px;margin-bottom:0}
.ul-iconTxtb1 .icon img{max-height:30px}
.ul-iconTxtb1 .desc{font-size:14px}
.ul-iconTxtb2{margin-left:0;margin-right:0}
.ul-iconTxtb2 li{float:none;width:auto}
.ul-iconTxtb2 .con{margin:0 0 20px}
.ul-iconTxtb2 .top{margin-bottom:30px}
.ul-iconTxtb2 .top .icon img{max-width:40px}
.ul-plansb1 .pic{float:none!important;width:auto;height:auto;line-height:1}
.ul-plansb1 .txt{height:auto}
.ul-plansb1 .box{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;font-size:14px;padding:15px}
.ul-plansb1 .tit{font-size:18px}
.ul-industryb1{margin-left:0;margin-right:0}
.ul-industryb1 li{float:none;width:auto}
.ul-industryb1 .con{margin:0 0 20px}
.ul-downb1{margin-left:0;margin-right:0}
.ul-downb1 li{float:none;width:auto}
.ul-downb1 .con{margin:0 0 20px}
.ul-downb1 .txt{height:auto;padding:10px}
.ul-downb1 .tit{font-size:16px}
.ul-iconTxtb3 li{float:none;width:auto}
.ul-iconTxtb3 .con{height:auto}
.ul-iconTxtb3 .top{margin-bottom:50px}
.ul-iconTxtb3 .top .idx{font-size:50px}
.ul-iconTxtb3 .desc{position:static}
.ul-iconTxtb3 .top .icon img{max-width:40px}
.ul-iconTxtb3 li:nth-child(1) .con{height:auto}
.g-iconsb1 li{width:50%}
.ul-listb4 li{width:50%}
.ul-listb5 li{width:50%}
.m-caseb1 .item{width:100%;padding-left:0;padding-right:0}
.ul-index01 .mask .tit,.ul-index01 .pic .tit{font-size:14px}
.ul-index01 .mask .box{font-size:12px}
.ul-index02 .icn-box{width:60px;height:60px;line-height:60px}
.ul-index02 .icn-box::after{-webkit-background-size:50px 50px;-moz-background-size:50px;-o-background-size:50px;background-size:50px}
.ul-index02 .name{font-size:14px}
.ul-numsb1{text-align:center;font-size:12px}
.g-moreb2{display:block;padding:0 10px;width:160px;margin:0 auto;line-height:35px}
.ul-iconsb2{margin-bottom:20px}
.ul-iconsb2 li{width:50%}
.tac{margin-bottom:30px}
.g-moreb1{padding-top:10px;padding-bottom:10px}
.ul-listb1{margin:20px 0}
.ul-listb1 li{float:none;width:auto}
.ul-listb1 .con{margin:0 0 20px}
.m-tableb1{overflow-x:auto;overflow-y:hidden}
.m-tableb1 table{width:600px}
.ul-floor .v1{font-size:14px}
.ul-riconb1 li{width:20%}
.m-skillb1 .txt{left:5%;right:5%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:auto}
.row-sl1 .g-titb1{margin-bottom:0}
.m-honnerb1 .name{font-size:16px;margin:8px}
.m-honnerb1 .pic{height:220px;line-height:220px;margin-top:0}
.m-honnerb1 .pic img{max-height:180px}
}
/*!****** bl end *******/


@media screen and (max-width: 1024px) {

	.ib1box {
		width: 100%;
		float: none;
		padding: 0 20px;
	}
	.ib1tw {
		margin-top: 15px;
	}
	.ncdate {
		margin-top: 0;
	}
	.ncdesc {
		margin-top: 5px;
	}
	.ncbtn {
		margin-top: 15px;
	}

		.xwdt-tab {
		display: block;
	}
	.ib1box {
		display: none;
	}
	.inbot1 .ib1box:first-child {
		display: block;
	}

}
@media screen and (max-width: 1200px) {
.head-write,
	.headContact {
		display: none;
	}
	.menu-handler,
	.menuBox {
		display: block;
	}
	.header {
		height: 55px;
		position: fixed;
		top: 0 !important;
		left: 0;
		box-shadow: 0 0 3px #eee;
	}
	.header .head-logo {
		width: 150px;
		top: 9.5px;
		display: block;
	}
	.mtop {
		height: 55px;
	}
	.head-wrap {
		height: 55px;
		line-height: 55px;
	}
.hwtxt {
		display: none;
	}
	.hrtxt {
		font-size: 12px;
		margin-left: 5px;
	}
	.htphone {
		font-size: 16px;
	}
	.hwr {
		margin-right: 35px;
	}
	.w1400 {
		width: 90%;
	}
	.w1200 {
		width: 90%;
	}

	
}

@media only screen and (max-width:1199px){

.footer{font-size:12px}
.f-top::after{display:none}
.f-info{margin-bottom:15px}
.f-copy .l,.f-copy .r,.f-top .col-l,.f-top .col-r{float:none;width:auto}
.f-top .col-l{width:100%; text-align:center}
.f-top .col-r{display:none}
.f-top{padding:15px 0}
.f-links{display:block;padding:15px 0}
.f-dl{float:none;width:auto}
.f-dl dt{padding-bottom:0;line-height:45px;position:relative;border-bottom:1px solid #eee}
.f-dl dt::after{content:"";display:inline-block;border-top:1px solid #fff;border-left:1px solid #fff;width:8px;height:8px;transition:all .2s;transform:rotateZ(-135deg);position:absolute;top:20px;right:5px}
.f-dl.on dt::after{transform:rotateZ(45deg)}
.f-dl dd{display:none;overflow:hidden;padding:10px 0 0}
.f-dl dd a{float:left;width:33.33%;line-height:30px}
.f-logo{display:block;margin:10px 0}
.f-logo img{margin:0 auto}
.f-qrs{text-align:center}
.f-copy{text-align:center;padding:10px 0; }

.f-ships .a1,.f-ships .s{font-size:12px;margin-bottom:5px}
.index-link { display: none;}
.m-pro_b1 .m-pro_b1i{  text-align:center; height:450px !important;}
}